<template>
  <h1>测试我的宠圈页面</h1>
  <div>
    <Avatar src="" alt="User Avatar" />
    <span>{{username}}</span>
    <span>{{createtime}}</span>
    <div>这是我的第一条宠圈
      <img src="" alt="" />
      <img src="" alt="" />
      <el-button @click="">
        <svg
            :class="{ 'liked': isLiked }"
            xmlns="http://www.w3.org/2000/svg"
            viewBox="0 0 24 24"
            fill="none"
            stroke="currentColor"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
        >
          <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/>
        </svg>
        <span>{{ likeCount }}</span>
      </el-button>
    </div>
    <div>这是我的第二条宠圈
      <video controls width="360" height="640"></video>
      <el-button @click="insertlikecount">
        <svg
            :class="{ 'liked': isLiked }"
            xmlns="http://www.w3.org/2000/svg"
            viewBox="0 0 24 24"
            fill="none"
            stroke="currentColor"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
        >
          <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/>
        </svg>
        <span>{{ likeCount }}</span>
      </el-button>
      <el-icon @click="insertpreview"><ChatDotRound /></el-icon>
      <el-icon @click="insertfavourite"><Star /></el-icon>
      <buttton position= "button" @click="redirectToPage" >我要发布</buttton>
    </div>
  </div>
</template>

<script setup>
import Avatar from "@/components/Avatar.vue";

const insertlikecount=()=>{}
const insertpreview=()=>{}
const insertfavourite=()=>{}
const redirectToPage=()=>{
  window.location.href='https://localhost.8081';
}

</script>


<style scoped>

</style>